import { loginApi, getInfoApi, getDetailUserInfoApi } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'
export default {
  //开启模块化
  namespaced: true,
  state: {
    token: getToken(),
    userInfo: {}
  },
  mutations: {
    //设置token
    setToken(state, data) {
      //存入state
      state.token = data
      //存入cookie实现持久化
      setToken(data)
    },
    //清除token
    removeToken(state) {
      state.token = null
      removeToken()
    },
    //设置用户资料
    setUserInfo(state, data) {
      state.userInfo = data
    },
    //删除用户资料
    reomveUserInfo(state) {
      state.userInfo = {}
    }
  },
  actions: {
    async loginAction(context, data) {
      //data为表格数据发送请求
      let res = await loginApi(data)
      console.log(res)
      context.commit('setToken', res)
    },
    //获取用户资料
    async getUserInfoAction(context) {
      let res = await getInfoApi()
      //获取详细资料
      let res2 = await getDetailUserInfoApi(res.userId)
      context.commit('setUserInfo', { ...res, ...res2 }) // 将整个的个人信息设置到用户的vuex数据中
    },
    //退出操作
    quitAction(context) {
      context.commit('removeToken') // 不仅仅删除了vuex中的 还删除了缓存中的
      //删除用户资料
      context.commit('reomveUserInfo')
    }
  }
}
